
	body{
		width: 1920px;
		height: 1080px;
		padding: 0;
		margin:0;
		overflow: hidden;
		font-family: "微软雅黑";
	}
	.desk-wrap{
		width: 1920px;
		height: 1080px;
		overflow: hidden;
		background: #000;
		font-family: "微软雅黑";
		background-image: url(../../img/desk-bg.png);
		position: relative;
	}
	.desk-content{
		margin-top: 65px;
		padding-left: 0;
		padding-right: 0;
	}
	/*头部*/
	.desk-top{
		width: 1920px;
		height: 130px;
		color: #fff;
		font-size: 18px;
		background-image: url(../../img/top.png);
	}
	.desk-logo{
		float: left;
		margin:20px 30px 0px 30px;
	}
	.desk-area{
		float: left;
		min-width: 107px;
		height: 52px;
		line-height: 50px;
		text-align: center;
		margin-top: 30px;
		margin-right:280px;
	    background: #535e77;
		border: 2px solid #0ae4c9 !important;
	    border-radius: 40px;
	    padding-left: 10px;
	    padding-right: 10px;
	    box-sizing: border-box;
	    max-width: 200px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    display: flex;
	    align-items: center;
    	justify-content: center;
	}
	.desk-area .desk-city{
		font-size: 16px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.desk-function{
		float: left;
		width: 450px;
		height: 67px;
		margin-top:18px;
	}
	.desk-function >div{
		float: left;
	    width: 72px;
	    height: 67px;
	    text-align: center;
	    margin-right: 40px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.desk-function .desk-fun-text{
		line-height: 18px;
	}
	.desk-login{
		float: right;
		margin-right: 40px;
		margin-top: 18px;
	}
	.desk-restore{
		float: left;
		margin-right: 30px;
		width: 70px;
		height: 70px;
		overflow: hidden;
	}
	.desk-restore img{
		width: 70px;
	}
	.dask-detail{
		float: left;
		padding-left: 30px;
		margin-top: 4px;
		padding-top: 2px;
		border-left: 1px solid #1970c8;
	}
	.desk-img{
		float: left;
		margin-right: 10px;
	    width: 60px;
    	height: 60px;
    	border-radius: 50%;
    	overflow: hidden;
	}
	.desk-img img{
		width: 60px;
    	height: 60px;
	}
	.desk-info{
		float: left;
	}
	.desk-exit{
		font-size: 16px;
		width: 62px;
		height: 32px;
		line-height: 32px;
		margin-top:8px;
		text-align: center;
		background-image: url(../../img/public/exit.png);
	}
/* 	/*底部*/ */
/* 	.desk-bottom{ */
/* 		position: absolute; */
/* 		bottom: 0; */
/* 		height: 50px; */
/* 		width: 1920px; */
/* 		left: 0; */
/* 		font-size: 18px; */
/* 		line-height: 50px; */
/* 		color: #fff; */
/* 		border-top: 1px solid #5a60a0; */
/* 	} */
	.desk-type{
		float: left;
		margin-left: 45px;
		color: #b3b0cc;
	}
	.desk-time{
		float: right;
		margin-right: 45px;		
	}
	.desk-time span{
		color: #00f6ff;
		font-weight: bold;
	}
	.desk-count{
		font-size: 24px;
	}
	.desk-count-time{
		margin-left:5px;
		margin-right: 5px;
	}
	.desk-version{
		margin-left: 10px;
	}
	.desk-function >div,.desk-restore,.dask-detail,.desk-area,.desk-left >div,.desk-prev,.desk-next,.desk-print,.desk-cancel,.calling-code,.calling-id{
		cursor: pointer;
	}
	/*左边导航栏*/
	.desk-left{
		width: 180px;
		height: 800px;
		float: left;
		margin-right:55px;
		padding-top: 205px;
		box-sizing: border-box;
		position: relative;
	}
	.desk-left >div{
		width: 100%;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding-right: 19px;
		box-sizing: border-box;
	}
	.desk-left .left-select{
		color: #0ae4c9;
		font-size: 24px;
		position: relative;
		font-weight: bold;
		background-image: url(../../img/public/left-select.png);
		background-size: 100% 100%;
	}
	.desk-left .left-select:after{
	    content: "";
	    position: absolute;
	    right: 0px;
	    top: 35.5px;
	    background-image: url(../../img/public/circle.png);
	    z-index: 66677778;
	    width: 9px;
	    height: 9px;
	}
	.left-line{
	    position: absolute;
	    top: 80px;
	    right: 3px;
	}
	.desk-right{
		float: left;
	}
	.desk-remark{
		color: #01dcb6;
		font-size: 24px;
		font-weight: bold;
		height: 36px;
		line-height: 36px;
	    padding-bottom: 25px;
	    border-bottom: 2px solid #6495a1;
	}
	.desk-remark img{
		width: 36px;
		margin-top:-5px;
	}
	.hot-icon{
		margin-right: 20px;
	}
	.desk-remark .hot-icon{
		margin-left: 0;
		margin-right: 12px;
	}
	.desk-btn >div{
		margin-top: 40px;
		text-align: center;
		color: #01dcb6;
		font-size: 28px;
		font-weight: bold;
	}
	.desk-prev{
		width: 314px;
		height: 109px;
		line-height: 85px;
		background-image: url(../../img/desk-prev.png);
	}
	.desk-next{
		width: 452px;
		height: 122px;
		line-height: 100px;
		background-image: url(../../img/desk-next.png);
		color: #fff !important;
		margin-left: -45px;
		margin-right: -41px;
	}
	.desk-print{
		width: 314px;
		height: 109px;
		line-height: 85px;
		background-image: url(../../img/desk-print.png);
	}
	.desk-cancel{
		color: #fff !important;
		width: 204px;
		height: 72px;
		box-sizing: border-box;
		line-height: 72px;
		text-align: center;
		background: #4a79b4;
		border-radius: 40px;
		border:2px solid #01dcb6;
	    margin-left: 38px;
	    margin-top: 20px !important;
	}



